@import './mixin.scss';
#enterprise_application {
    background-color: #212c4f;
    padding: 70px 0 160px 0;
    .container {
        width: 1200px;
        margin: 0 auto;
        background-color: #1D2748;
        position: relative;
        .title {
            width: 100%;
            height:50px!important;
            line-height: 50px;
            @include basestyle(#FFF,16px,rgba(78,117,213,1));
            border-radius:5px 5px 0px 0px;
        }
        & > .division {
            width: 100%;
            height: 10px;
            background-color: #212c4f;
            position: absolute;
            left: 0;
            top:620px;
        }
        & > .e_top {
            width: 888px;
            margin: 0 auto;
            padding: 50px 0;
            .upload_box {
                min-width: 420px;
                & > div {
                    min-width: 420px;
                    & > div {
                        &:first-child {
                            float: left;
                            width:150px;
                            height:132px;
                            border:1px solid rgba(40,96,144,1);
                            border-radius:5px;
                            text-align: center;
                            color: #286090;
                            position: relative;
                            @include basestyle(#286090,12px,none);
                            img {
                                &:first-child {
                                    display: block;
                                    margin: 38px auto 0 auto;
                                }
                            }
                            .upload_img {
                                position: absolute;
                                width:150px;
                                height:132px;
                                left: 0;
                                top: 0;
                                z-index: 2;
                            }
                            input {
                                position: absolute;
                                width:150px;
                                height:132px;
                                left: 0;
                                top: 0;
                                z-index: 3;
                                opacity: 0;
                            }
                        }
                        &:last-child {
                            float: right;
                            width: 250px;
                            p {
                                line-height: 20px;
                                color: #FFF;
                                
                            }
                        }
                    }
                }
            }
            .vertifical {
                position: absolute;
                right: 0;
                top: 0;
                input {
                    width: 170px;
                    -webkit-appearance: none;
                    border-radius: 4px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    color: #606266;
                    display: inline-block;
                    font-size: inherit;
                    height: 40px;
                    line-height: 40px;
                    outline: 0;
                    padding: 0 15px;
                    box-shadow:0px 0px 6px #13192d inset; 
                    background-color: #1A233E;
                    padding-right: 66px;
                }
                div {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width:66px;
                    height:40px;
                    border-radius:0px 5px 5px 0px;
                    @include basestyle(#FFF,14px,rgba(40,96,144,1));
                    cursor: pointer;
                }
            }
            .upload_positive {
                text-align: center;
                li {
                    width: 150px;
                    height: 110px;
                    margin: 0 20px;
                    display: inline-block;
                    position: relative;
                    border-radius:5px;
                    overflow: hidden;
                    &:nth-child(1) {
                        background: url(~assets/img/positive.png);
                    }
                    &:nth-child(2) {
                        background: url(~assets/img/back.png);
                    }
                    &:nth-child(3) {
                        background: url(~assets/img/idcard.png);
                    }
                    p {
                        line-height: 20px;
                        margin-top: 40px;
                        @include basestyle(#FFF,14px);
                    }
                    img {
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                        width: 150px;
                        height: 110px;
                    }
                    input {
                        position: absolute;
                        width:150px;
                        height:110px;
                        left: 0;
                        top: 0;
                        z-index: 3;
                        opacity: 0;
                    }
                }
            }
            .tip {
                color: #FFF;
                margin: 30px 0;
                text-align: center;
            }
        }
        & > .e_bot {
            height: 550px;
            text-align: center;
            img {
                margin: 150px 0 20px 0;
            }
            p {
                color: #FFF;
                &:nth-child(2) {
                    font-size: 18px;
                    height: 30px;
                    line-height: 30px;
                }
                &:nth-child(3) {
                    font-size: 14px;
                }
            }
        }
    }
}